.mid-top{
    background-color: #d9d5d5;
    width: 1260px;
    height: 40px;
    padding: 10px 330px;
}
.mid-top>div:nth-child(2)>div{
    padding: 20px 80px;
}
.mid-top>div:nth-child(2)>div:hover{
    cursor: pointer;
    color: white;
    background-color: #00bb00;
}
.mid>div:nth-child(2)>div:nth-child(1)>div:nth-child(2){
    color: darkgray;
}
.mid>div:nth-child(2)>div:nth-child(3){
    padding: 20px 330px;
}
.mid>div:nth-child(2)>div:nth-child(3)>div:nth-child(2){
    line-height: 30px;
    width: 600px;
    height: 384px;
    margin: 0 40px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow-y:Auto;
}
.mid>div:nth-child(2)>div:nth-child(4){
    background-color: rgb(246,246,246);
    height: 450px;
    padding: 40px 0 0 0;
    width: 1920px;
}
.our-ad>div:nth-child(1)>div:nth-child(2){
    color: #00bb00;
}
.square-shadow{
    background-color: rgba(249,249,249,1);
    width: 200px;
    height: 200px;
    margin: 20px 20px;
    text-align: center;
}
.mid>div:nth-child(2)>div:nth-child(6){
    width: 950px;
    height: 200px;
    margin: 0 0 0 500px;
}
.product {
    overflow: hidden;
    animation: move 5s linear infinite;
}
@keyframes move {
    0% {
        margin-left: 0;
    }
    20% {
        margin-left: 200px;
    }
    30% {
        margin-left: 300px;
    }
    50% {
        margin-left: 500px;
    }
    70% {
        margin-left: 0;
        margin-right: 0;
    }
    80%{
        margin-left: 0;
        margin-right: 200px;
    }
    100% {
        margin-left: 0;
        margin-right: 300px;
    }
}

.product img {
    width: 180px;
    height: 150px;
}

.product > div {
    margin: 10px;
}